<template>
    <div>
        <top-label v-model="index">
            <span :slot="1">交接班</span>
            <span :slot="2">安全巡查</span>
            <span :slot="3">周巡查</span>
            <span :slot="4">月巡查</span>
            <span :slot="5">季巡查</span>
            <span :slot="6">节假日巡查</span>
            <span :slot="7">汛期巡查</span>
            <span :slot="8">综合巡查</span>
            <span :slot="9">其他巡查</span>
        </top-label>
        <el-row>
            <keep-alive>
                <shift-turnover v-if="index===1"></shift-turnover>
                <security-patrol v-if="index===2"></security-patrol>
                <weeks-check v-if="index===3"></weeks-check>
                <month-check v-if="index===4"></month-check>
                <season-patrol v-if="index===5"></season-patrol>
                <holiday-inspection v-if="index===6"></holiday-inspection>
                <flood-season-patrol v-if="index===7"></flood-season-patrol>
                <comprehensive-inspections v-if="index===8"></comprehensive-inspections>
                <other-inspections v-if="index===9"></other-inspections>
            </keep-alive>
        </el-row>
    </div>
</template>

<script>
    import TopLabel from "~/components/TopLabel";
    import ShiftTurnover from "~/views/safety-management/safety-inspector/ShiftTurnover";
    import SecurityPatrol from "~/views/safety-management/safety-inspector/SecurityPatrol";
    import WeeksCheck from "~/views/safety-management/safety-inspector/WeeksCheck";
    import MonthCheck from "~/views/safety-management/safety-inspector/MonthCheck";
    import SeasonPatrol from "~/views/safety-management/safety-inspector/SeasonPatrol";
    import HolidayInspection from "~/views/safety-management/safety-inspector/HolidayInspection";
    import FloodSeasonPatrol from "~/views/safety-management/safety-inspector/FloodSeasonPatrol";
    import ComprehensiveInspections from "~/views/safety-management/safety-inspector/ComprehensiveInspections";
    import OtherInspections from "~/views/safety-management/safety-inspector/OtherInspections";
    export default {
        name: "SafetyInspector",
        components:{
            TopLabel,
            ShiftTurnover,
            SecurityPatrol,
            WeeksCheck,
            MonthCheck,
            SeasonPatrol,
            HolidayInspection,
            FloodSeasonPatrol,
            ComprehensiveInspections,
            OtherInspections,
        },
        data(){
            return{
                index:1
            }
        }
    }
</script>

<style scoped>
</style>
